<style type="text/css">

    .wap3-jytz .tabs{
        top: 45px;
    
    }
    .wap3-jytz .has-tabs.pane{
        bottom: 0;
    }
    .wap3-jytz .tab-item{
        border-bottom: 1px solid #ffb694;
        max-width: 100%;
    }
    .wap3-jytz .tab-item.tab-item-active,.wap3-jytz .tab-item.active, .wap3-jytz .tab-item.activated {
        border-bottom: 2px solid #ff5000;
    }    
    .jytz-cen{
        margin-top: 93px;
    }
    .wap3-jytz .on{
        color: #ff5000;
        border-bottom: 1px solid #ff5000;
    }
    .wap3-jytz .list{
        /*border-bottom: 1px solid #ddd;*/
    }
    .item-jytz div{
        color: #777;
        font-size: 12px;
        margin-top: 5px;
    }
    .item-jytz div>span{
        margin-right: 15px;
    }
</style>
<ion-view title="资讯" class="wap3-jytz">
<ion-nav-buttons side="secondary">
</ion-nav-buttons>
<ion-tabs>
  <ion-tab title="产品信息">
 
    <ion-content class="jytz-cen">
        <ion-list>
            <ion-item class="item-jytz item-icon-right" ng-repeat="item in cpxx_list" ui-sref="app.super.cpxx({id:item.id})">
                {{item.pName}}
                <div class="inform-item">
                    <i class="icon-uniE613"></i>
                    <span>{{item.createDate}}</span><span>来源:SuperFA</span>
                </div>
                <i class="icon icon-angle-right"></i>
            </ion-item>
        </ion-list>
        <ion-infinite-scroll ng-if="cpxx_page.hasNaxtPage" on-infinite="loadMoreItems('cpxx')" spinner="ios-small">
        </ion-infinite-scroll>

        <p class="text-center gray mt36" ng-if="cpxx_list.length == 0 ">暂无资讯</p>
    </ion-content> 
 
  </ion-tab>
  <ion-tab title="超级资讯">
 
    <ion-content class="jytz-cen has-header">
        <ion-list>
            <ion-item class="item-jytz item-icon-right" ng-repeat="item in cjzx_list" ui-sref="app.super.cjzx({id:item.id})">
                {{item.title}}
                <div class="inform-item">
                    <i class="icon-uniE613"></i>
                    <span>{{item.publicDate}}</span><span>来源:{{item.source}}</span>
                </div>
                <i class="icon icon-angle-right"></i>
            </ion-item>
        </ion-list>
        <ion-infinite-scroll ng-if="cjzx_page.hasNaxtPage" on-infinite="loadMoreItems('cjzx')" spinner="ios-small">
        </ion-infinite-scroll>

        <p class="text-center gray mt36" ng-if="cjzx_list.length == 0 ">暂无通知</p>
    </ion-content> 
 
  </ion-tab>


  <ion-tab title="最新新闻"> 
    <ion-content class="jytz-cen has-header has-tabs">
        <ion-list>
            <ion-item class="item-jytz item-icon-right" ng-repeat="item in zxxw_list" ui-sref="app.super.zxxw({id:item.id})">
                {{item.productName}}
                <div class="inform-item">
                    <i class="icon-uniE613"></i>
                    <span>{{item.productTime}}</span><span>来源:{{item.source}}</span>
                </div>
                <i class="icon icon-angle-right"></i>
            </ion-item>
        </ion-list>
        <ion-infinite-scroll ng-if="zxxw_page.hasNaxtPage" on-infinite="loadMoreItems('zxxw')" spinner="ios-small">
        </ion-infinite-scroll>
        <p class="text-center gray mt36" ng-if="zxgg_list.length == 0">暂无新闻</p>
    </ion-content> 
  </ion-tab>

</ion-tabs>
     
</ion-view>